<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  <title>IT服务</title>
  <link rel="shortcut icon" href="favicon.jpg"/>
  <link rel="stylesheet" href="3rd/element-ui@2.13.2/lib/theme-chalk/index.css"/>
  <link rel="stylesheet" href="css/app.css"/>
  <link rel="stylesheet" href="css/reset.css"/>
  <style>
  </style>
</head>
<body>
<div id="app" v-cloak>
  <el-container>
    <el-main>

      <el-card class="box-card" >
        <div slot="header" class="clearfix">
          <span class="el-icon-warning-outline" style="color: #ff4d51"></span>
          问题类型：{{onePro.subject}}
        </div>
        <div class="detail">
          <p class="el-icon-user-solid" style="color: #409EFF"></p>
            申报人：{{ onePro.createName }}
          <br/>
          <br/>
          <p class="el-icon-tickets" style="color: #e6a23c"></p>
            内容：{{ onePro.content }}
          <br/>
          <br/>
          <p class="el-icon-user-solid" style="color: #409EFF"></p>
          提出人：{{ onePro.proposer }}
          <br/><br/>
          <p class="el-icon-time" style="color: #409EFF"></p>
          要求完成日期：{{ onePro.etime }}
          <br/><br/>

          <div v-if="onePro.score">
            <el-container>
              申报人评分：
              <el-rate v-model="onePro.score" disabled></el-rate>
            </el-container>
          </div>
          <div v-if="onePro.rateRemark">
            <br/>
            申报人评价：{{ onePro.rateRemark }}
          </div>
          <div v-if="onePro.itScore">
            <br/>
            <el-container>
              IT评分：
              <el-rate v-model="onePro.itScore" disabled></el-rate>
            </el-container>
          </div>
          <div v-if="onePro.itRemark">
            IT评价：{{ onePro.itRemark }}
          </div>

        </div>
      </el-card>
      <br/>
      <div v-if="onePro.fileList">
        <li v-for="(item, index) in onePro.fileList" :key="index">
          <el-link :href="'image/image/'+item" target="_blank">{{ item }}</el-link>
        </li>
        <br/>
      </div>
      <div v-if="!onePro.questionPhoto">
      </div>
      <div v-else>
        <el-image
                style="width: 300px; height: 300px"
                :src="'image/image/'+onePro.questionPhoto"
                :preview-src-list="['image/image/'+onePro.questionPhoto]">
        </el-image>
<!--        <img slot="reference" :src="'image/image/'+onePro.questionPhoto" style="width: 300px;height: 300px">-->
      </div>
      <br/>

      <div v-if="onePro.isAccepted!=1">
        <el-button type="primary" @click="accepted">接单</el-button>
        <el-button @click="drawer = true" type="primary" style="margin-left: 16px;">
          转派
        </el-button>
        <br/>
        <el-drawer
                title="请选择工程师"
                :visible.sync="drawer"
                size="50%">
          <el-table
                  :data="user"
                  border
                  style="width: 100%;height: auto" stretch="true" @row-click="changeEn"
                  :show-header="false">
            <el-table-column
                    fixed
                    label="请选择工程师"
                    prop="name">
            </el-table-column>
          </el-table>
        </el-drawer>
        <br/>
      </div>


      <div v-else>
        <div v-if="!onePro.oktime">
<!--          <el-upload-->
<!--                  class="upload-demo"-->
<!--                  action="/upload"-->
<!--                  :on-change="handleChange"-->
<!--                  :file-list="file">-->
<!--            <el-button size="small" type="primary">点击上传</el-button>-->
<!--            &lt;!&ndash;                    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>&ndash;&gt;-->
<!--          </el-upload>-->
<!--          <br/>-->
          <el-input
                  type="textarea"
                  :rows="2"
                  placeholder="处理内容"
                  v-model="remark">
          </el-input>
          <br/>
          <br/>
          花费工时：<el-input v-model="workHours" style="width: 160px;"></el-input>小时
          <br/>
          <br/>
          <el-button type="primary" @click="submitOnePro">结束工单</el-button>

        </div>
        <div v-else>
          <el-card class="box-card" >
            <div slot="header" class="clearfix">
              <span class="el-icon-s-opportunity" style="color: blueviolet"></span>
              解决方案
            </div>
            <div class="detail">
              {{ onePro.remark }}
            </div>
          </el-card>
        </div>
        <br/>
      </div>

      <el-card class="box-card" >
        <div slot="header" class="clearfix">
          问题处理记录
        </div>
        <div class="detail">
          <div class="block">
            <el-timeline>
              <el-timeline-item :timestamp = "onePro.ctime" color="#409EFF" icon="el-icon-check" >
                <h4>{{onePro.createName}}</h4>
                <p>提交了工单</p>
              </el-timeline-item>
              <div v-if ="onePro.respaName&&onePro.acceptTime">
                <el-timeline-item :timestamp= "onePro.acceptTime" color="#409EFF" icon="el-icon-check" >
                  <h4>{{onePro.respaName}}</h4>
                  <p>接受了工单</p>
                </el-timeline-item>
                <div v-if ="onePro.respaName&&onePro.oktime">
                  <el-timeline-item :timestamp= "onePro.oktime" color="#409EFF" icon="el-icon-check" >
                    <h4>{{onePro.respaName}}</h4>
                    <p>完成了工单</p>
                  </el-timeline-item>
                </div>
              </div>

            </el-timeline>
          </div>
        </div>
      </el-card>

<!--      <br/>-->

<!--      <el-button type="primary" @click="back">返回</el-button>-->
    </el-main>
  </el-container>
</div>
<script src="3rd/polyfill.min.js"></script>
<script src="3rd/vue.min.js"></script>
<script src="3rd/element-ui@2.13.2/lib/index.js"></script>
<script src="3rd/axios.min.js"></script>
<script src="js/util.js"></script>
<script src="js/process2.js"></script>
</body>
</html>
